<!DOCTYPE html>
<html lang="zxx">

<head>
	<title>加入我们</title>
	<!-- Meta tag Keywords -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="UTF-8" />
	<meta name="keywords" content="" />
	<link rel="stylesheet" href="./layui/css/layui.css"  media="all">
	<script>
        addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
	</script>
	<!-- //Meta tag Keywords -->

	<!-- Custom-Files -->
	<link rel="stylesheet" href="css/bootstrap.css">
	<!-- Bootstrap-Core-CSS -->
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
	<!-- Style-CSS -->
	<link href="css/font-awesome.min.css" rel="stylesheet">
	<!-- Font-Awesome-Icons-CSS -->
	<!-- //Custom-Files -->

	<!-- Web-Fonts -->
	<link href="http://fonts.googleapis.com/css?family=Crimson+Text:400,400i,600,600i,700,700i" rel="stylesheet">
	<link href="http://fonts.googleapis.com/css?family=Oxygen:300,400,700&amp;subset=latin-ext" rel="stylesheet">
	<!-- //Web-Fonts -->
</head>

<body>
<!-- main banner -->
<div class="main-top" id="home">
	<!-- header -->
	<header>
		<div class="container-fluid">
			<div class="header d-md-flex justify-content-between align-items-center py-3 px-xl-5 px-lg-3 px-2">
				<!-- logo -->
				<div id="logo">
					<h1><a href="index.html">Elvis</a></h1>
				</div>
				<!-- //logo -->
				<!-- nav -->
				<div class="nav_w3ls">
					<nav>
						<label for="drop" class="toggle">Menu</label>
						<input type="checkbox" id="drop" />
						<ul class="menu">
							<li><a href="index.html" class="active">首页</a></li>
							<li><a href="about.html">关于我们</a></li>
							<li><a href="brand.html?bcategory=all">所有品牌</a></li>
							<li><a href="contact.html">联系我们</a></li>
						</ul>
					</nav>
				</div>
				<!-- //nav -->
			</div>
		</div>
	</header>
	<!-- //header -->



	<!-- banner -->
	<div class="banner_w3lspvt-2">

	</div>
	<!-- //banner -->
</div>
<!-- //main banner -->


<!-- page details -->
<div class="breadcrumb-mobamu">
	<ol class="breadcrumb">
		<li class="breadcrumb-item">
			<a href="index.html">Home</a>
		</li>
		<li class="breadcrumb-item active" aria-current="page">加入我们</li>
	</ol>
</div>
<!-- //page details -->
<!-- booking form -->
<div class="register-w3 py-5">
	<div class="container py-xl-5 py-lg-3">
		<h3 class="tittle text-center text-bl font-weight-bold">加入我们</h3>
		<p class="sub-tittle text-center mt-2 mb-sm-5 mb-4 pb-xl-3">请提交你的基本信息，稍后工作人员会和你取得联系进行下一步沟通。</p>
		<div class="comment-top mt-5">
			<div class="comment-bottom mobamuinfo_mail_grid_right">
				<form class="layui-form" action="" name="form11" id="form11">
					<div class="layui-form-item">
						<div class="row">
							<div class="col-lg-6 form-group">
								<label>你的名字</label>
								<input class="layui-input" type="text" id="username" placeholder="请输入姓名" name="username" lay-verify="required">
							</div>

							<div class="col-lg-6 form-group">
								<label>你品牌的名字</label>
								<input class="layui-input" type="text" name="aname" id="aname" placeholder="请输入品牌名称" required="" lay-verify="required">
							</div>
						</div>
					</div>
					<div class="layui-form-item">
						<div class="row">
							<div class="col-lg-6 form-group">
								<label>邮箱地址</label>
								<input name="aemail" class="layui-input" type="text" autocomplete="off" placeholder="请输入邮箱" lay-verify="email">
							</div>
							<div class="col-lg-6 form-group">
								<label>联系电话</label>
								<input name="phone" class="layui-input" type="tel" autocomplete="off" placeholder="请输入手机" lay-verify="phone">
							</div>
						</div>
					</div>
					<div class="layui-form-item">
						<div class="row">
							<div class="col-lg-6 form-group">
								<label>品牌官网</label>
								<input class="layui-input" type="url" name="awebsite" placeholder="请注意格式" required="" lay-verify="address">
								<input class="form-control" type="hidden" id="alogo" name="alogo" placeholder="请注意格式" required="">
							</div>
							<div class="col-lg-6 form-group">
								<label>上传品牌logo</label><br>

								<div class="layui-upload">
									<button type="button" style="width:200px;height: 45px"   id="test8">选择文件</button>
									<button type="button" style="width:200px;height: 45px"  id="test9">开始上传</button>
								</div>
							</div>
						</div>
					</div>
					<div class="layui-form-item">
						<div class="form-group">
							<label>品牌简介</label>
							<textarea class="form-control" name="ainfo" id="ainfo" placeholder="Write Here.." required="" lay-verify="title"></textarea>


						</div>
					</div>
					<div class="layui-form-item">
						<div class="layui-input-block">
							<button lay-submit class="btn submit mt-3" lay-filter="formDemo">提交</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>


<!-- 尾 -->
<footer class="py-5">
	<div class="container pt-xl-4">
		<div class="row footer-top">
			<div class="col-lg-4 col-md-6 footer-grid_section_1its">
				<h2 class="logo-2 mb-lg-4 mb-3">
					<a href="index.html" class="text-uppercase text-wh">Elvis</a>
				</h2>
				<!-- Map -->
				<div class="map-fo">
					<iframe src=""></iframe>
				</div>
				<!-- //Map -->
			</div>
			<div class="col-lg-2 col-md-6 footer-grid_section_1its mt-md-0 mt-4">
				<h3 class="footer-title text-uppercase text-wh mb-lg-4 mb-3">链接</h3>
				<ul class="list-unstyled">
					<li class="mb-3">
						<a href="index.html">首页</a>
					</li>
					<li class="mb-3">
						<a href="about.html">关于我们</a>
					</li>
					<li class="mb-3">
						<a href="brand.html?bcategory=4">所有品牌</a>
					</li>
					<li class="mb-3">
						<a href="#services">热度最高</a>
					</li>
					<li class="mb-3">
						<a href="contact.html">联系我们</a>
					</li>
				</ul>
			</div>
			<div class="col-lg-3 col-md-6 footer-grid_section_1its mt-lg-0 mt-4">
				<h3 class="footer-title text-uppercase text-wh mb-lg-4 mb-3">联系方式</h3>
				<div class="contact-info">
					<div class="footer-style-w3ls mb-4">
						<h4 class="text-li mb-2">联系电话</h4>
						<p>+121 098 8907 9987</p>
					</div>
					<div class="footer-style-w3ls mb-4">
						<h4 class="text-li mb-2">联系邮箱 </h4>
						<p><a href="mailto:info@example.com">info@example.com</a></p>
					</div>
					<div class="footer-style-w3ls mb-4">
						<h4 class="text-li mb-2">联系地址</h4>
						<p>Honey Avenue, New York City</p>
					</div>
				</div>
			</div>
			<div class="col-lg-3 col-md-6 footer-grid_section_1its mt-lg-0 mt-4">
				<!-- social icons -->
				<div class="mobamuinfo_social_icons">
					<h3 class="footer-title text-uppercase text-wh mb-lg-4 mb-3">感谢使用</h3>
					<p>我们是一个公益品牌宣传网站，还在建设中，有什么不周之处敬请谅解！</p>

				</div>
				<!-- social icons -->
			</div>
		</div>
	</div>
</footer>
<!-- //footer -->
<!-- copyright -->
<div class="cpy-right text-center py-3">
	<p>Copyright &copy; 2019.Company name All rights reserved </a></p>
</div>
<!-- //copyright -->

<!-- move top icon -->
<a href="#home" class="move-top text-center"></a>
<!-- //move top icon -->



<script src="./layui/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
	<table class="layui-hide" id="test" lay-filter="test"></table>
<script>
	layui.use(['form', 'layedit', 'laydate','upload', 'layer'], function(){

		var	layedit = layui.layedit
		var form = layui.form;
		var $ = layui.jquery
			,upload = layui.upload
			,layer = layui.layer;

		//自定义验证规则
		form.verify({
			title: function (value) {
				if(value.length < 10){
					return '内容请输入至少10个字符';
				}
			},
			address: [
				/^((ht|f)tps?):\/\/[\w\-]+(\.[\w\-]+)+([\w\-\.,@?^=%&:\/~\+#]*[\w\-\@?^=%&\/~\+#])?$/
				,'请输入正确的地址链接，如：https://www.baidu.com'
			]
			,phone: [/^1[3|4|5|7|8]\d{9}$/, '请输入正确的手机号']
			,email: [/^[a-z0-9._%-]+@([a-z0-9-]+\.)+[a-z]{2,4}$|^1[3|4|5|7|8]\d{9}$/, '邮箱格式不对']
		});

		//创建一个编辑器
		layedit.build('LAY_demo_editor');

		//监听提交
		form.on('submit(formDemo)', function(data) {

			$.ajax({
				url: "/apply/add"
				, type: "post"
				, data: data.field
				, success: function (d) {
					if (d === 1) {
						layer.msg('添加已成功！！！', {
							icon: 1,
							time: 1500 //2秒关闭（如果不配置，默认是3秒）
						}, function () {

						});
					}
				}
			});
			return false;
		});//选完文件后不自动上传

		upload.render({
			elem: '#test8'
			,url: '/apply/upload/'
			,auto: false
			//,multiple: true
			,bindAction: '#test9'
			,done: function(d){//成功回调
				layer.msg(d.msg + d.alogo,{
					time:1000
				});
				$("#alogo").val(d.alogo);

			}
		});

	});
</script>

</body>

</html>